$(document).ready(function() {
    //二级导航
    $("#one>li").hover(function() {
        // over
        $(this).children("ul").stop().slideToggle();
    });
    /////
    $("#right ul:eq(0)").show().siblings().hide();
    $(".one").css("background-color", "#E2E2E2");
    // 1. 鼠标经过左侧的小li 
    $(".left li").hover(function() {
        // 2. 得到当前小li 的索引号
        var index = $(this).index();
        console.log(index);
        $(this).css("background-color", "#E2E2E2").siblings().css("background-color", "#f5f5f5");
        // 3. 让我们右侧的盒子相应索引号的内容显示出来、其余的隐藏
        $("#right ul").eq(index).show().siblings().hide();
    });
});